<template>
	<div id="center">
		<el-container>
			<el-aside width="200px">
				<el-menu default-active="2" router="true" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
					<el-menu-item index="/grzl">
						<span slot="title">个人资料</span>
					</el-menu-item>
					<el-menu-item index="/his">
						<span slot="title">借阅记录</span>
					</el-menu-item>
					<el-menu-item index="/Head" @click="clear()">
						<span slot="title" @click="clear()">退出</span>
					</el-menu-item>
				</el-menu>
			</el-aside>
			<el-main>
				<router-view></router-view>
			</el-main>

		</el-container>
	</div>
</template>
<script>
	export default {
		data() {
			return {


			}
		},
		methods: {
			clear(){
				
				sessionStorage.clear();
				this.$router.go(0);
				
			},
			
			handleOpen(key, keyPath) {
				console.log(key, keyPath);
			},
			handleClose(key, keyPath) {
				console.log(key, keyPath);
			}
		}
	}
</script>



<style scoped="scoped">
</style>
